<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>message</title>
	<link href="css/bootstrap3.css" rel="stylesheet">
	<link href="css/bootstrap-datepicker.css" rel="stylesheet">
	<link href="css/bootstrap-table.min.css" rel="stylesheet">
	<link href="js/skin/layer.css" rel="stylesheet">
	<link href="css/index.css" rel="stylesheet">
</head>
<body>
	<div class="head">
		<div class="logo">
			<span class="logo_content1">126</span>
			<span class="logo_content2">网易免费邮</br>www.126.com</span>
	    </div>
	    <div class="user">
	    	<span class="user_name">truelovezhangyuang@126.com</span>
	    </div>	
	    <div class="head_nav">
	     <ul>
			<li>账号通</li>
			<li>公正邮</li>
			<li>手机版</li>
			<li>设置</li>
			<li>帮助</li>
			<li>退出</li>
	      </ul>
	    </div>
	    <div class="find">
	    	<span class="glyphicon glyphicon glyphicon-search search_email" aria-hidden="true"></span>
	    	<input type="text" class="form-control find_text" placeholder="支持邮件全文搜索"> 
	    </div>
	 <div class="nav">
		<ul>
			<li>首页</li>
			<li class="active" id="mail_list">通讯录</li>
			<li>应用中心</li>
			<li>收件箱</li>
			<li>账号通</li>
	    </ul>
	  </div>
	</div>
	<div class="body_left">
		<div class="call_people">
			<h1 class="call_people_title">联系人</h1>
			<ul>
				<li><a href="index.html">所有联系人</a></li>
				<li><a href="no_group.html">未分组联系人</a></li>
			</ul>
		</div>
		<div class="call_people">
			<h1 class="call_people_title">联系组<span class="glyphicon glyphicon-plus" id="add"></span></h1>
			<ul id="team_list">
			
			</ul>
		</div>
    </div>
    <div class="modal fade" id="mymodal" tabindex="-1">
    <div class="modal-dialog">
    	<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title">请输入新的分组名称</h4>
			</div>
			<div class="modal-body">
				<p><input type="text" class="form-control" id="new_team"></p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-success" data-dismiss="modal" id="save">保存</button>
				<button type="button" class="btn btn-info" data-dismiss="modal">取消</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div class="modal fade" id="export_people" tabindex="-1">
    <div class="modal-dialog">
    	<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
				<h4 class="modal-title">导出联系人</h4>
			</div>
			<div class="modal-body">
			<div class="code">
				<label>请选择编码格式：<input type="checkbox" value="UTF-8">UTF-8</label>
				<label><input type="checkbox" value="GBK">GBK</label>
			    
			</div>
			<div class="file">
				<label class="file">请选择文件格式：<input type="checkbox" value="csv">CSV文件(*.csv)</label>
				<label class="file"	><input type="checkbox" value="vcf">VCard(*.csv)</label>
			</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-success" data-dismiss="modal" id="check_import">确定导出</button>
				<button type="button" class="btn btn-info" data-dismiss="modal">取消</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div class="body_right">
    	<div class="body_right_head">
    	<div class="body_right_nav">
    		<ul>
    			<li><button type="button" class="btn btn-success first" id="new_people">新建联系人</button></li>    		
    			<li><button type="button" class="write" id="delete">删除</button></li>  		
    			<li>
    				<form id="myform">
    				<input type="file" id="file" name="file">
    				<input type="button" class="write" value="导入联系人" id="submit">   		
    			    </form>
    			</li>

    			<li><button type="button" class="write" id="export">导出联系人</button></li>
    		</ul>
    	</div>
    	<div class="find_people">
    		<input type="text" class="form-control search_text" id="find_message" placeholder="搜索所有联系人">
    		 <span class="glyphicon glyphicon glyphicon-search search_button" id="find_people" aria-hidden="true"></span>
    	</div>	
    </div>
    	<div class="table">
          <table>
          	<tr>
          		<th><input type="checkbox"id="checkall" ></th>
          		<th>姓名</th>
          		<th>邮件地址</th>
          		<th>手机号码</th>
          		checkbox<th>所在分组</th>
          	</tr>
          <!-- 	<tr>
          		<td><input type="checkbox"></td>
          		<td>网易邮件中心</td>
          		<td>mail@serive.netease.com</td>
          	</tr>
          	<tr>
          		<td><input type="checkbox"></td>
          		<td>我</td>
          		<td>569105585@qq.com</td> -->
          	</tr>
          </table>
    	</div>
    </div>	
<script type="text/javascript" src="js/jquery-2.2.1.min.js"></script>   
<script type="text/javascript" src="js/jquery.validate-1.13.1.js"></script>  
<script type="text/javascript" src="js/message_zh.js"></script>  
<script type="text/javascript" src="js/bootstrap3.min.js"></script>
<script type="text/javascript" src="js/bootstrap-table.js"></script> 
<script type="text/javascript" src="js/bootstrap-table-export.js"></script> 
<script type="text/javascript" src="js/ajaxfileupload.js"></script> 
<script type="text/javascript" src="js/layer.js"></script> 
<script type="text/javascript" src="js/jquery-form.js"></script> 
<script type="text/javascript" src="js/index.js"></script>




</body>
</html>